<template>
  <svg
    t="1734254644149"
    class="yindu-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4272"
    width="16"
    height="16"
  >
    <path
      d="M512 64.303538c-247.255337 0-447.696462 200.441125-447.696462 447.696462s200.441125 447.696462 447.696462 447.696462 447.696462-200.441125 447.696462-447.696462S759.255337 64.303538 512 64.303538zM512 804.948005c-35.32146 0-63.956637-28.635177-63.956637-63.956637 0-35.323507 28.635177-63.956637 63.956637-63.956637s63.956637 28.633131 63.956637 63.956637C575.956637 776.312828 547.32146 804.948005 512 804.948005zM575.956637 512c0 35.32146-28.635177 63.956637-63.956637 63.956637s-63.956637-28.635177-63.956637-63.956637l0-223.848231c0-35.323507 28.635177-63.956637 63.956637-63.956637s63.956637 28.633131 63.956637 63.956637L575.956637 512z"
      p-id="4273"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#eeb032",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  path {
    fill: v-bind(fillColor);
  }
}
</style>
